<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>商品详情 - 钱江黑盒</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<meta name="description" content="钱江黑盒-专注于杭师钱江的校园闲置物品交易平台" />
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
	<link rel="stylesheet" type="text/css" href="/css/reset.css">
	<link rel="stylesheet" type="text/css" href="/css/public.css">
	<link rel="stylesheet" type="text/css" href="/css/user/desc.css">
</head>
<body>
	<script src="/js/common/utils.js"></script>
	<div id="mask"></div>
	<!-- 头部 start -->
	<div class="header">
		<!-- 头部提示栏 -->
		<div class="header-tip">
			<div class="w">
				<ul class="fr clearfix">
					<li id="userBar1">
					</li>
					<li id="userBar2">
					</li>
					<li class="service-phone">
						客服电话：17767078969
					</li>
					<li>
						<a href="/page/platform/rules.html">平台规则</a>
					</li>
					<li>
						<a href="/page/platform/not_open.html">反馈</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 头部内容 -->
		<div class="header-content">
			<div class="w pr">
				<div class="header-l clearfix">
					<h1 class="logo-info" id="logo"> 
						<a href="">
							<img src="/images/qb_logo3.png" alt="logo">
							<strong class="name">钱江黑盒</strong>
							<div class="desc">
									<em>校园</em>
									<em>闲置</em>
									<em>二手</em>
									<em>www.qjdb.site</em>
							</div>
						</a>
					</h1>
				</div>

				<div class="header-m">
					<div class="form">
						<input type="text" name="keyword" placeholder="二手辅导书" />
						<div class="search">搜索</div>
					</div>
					<div class="hot-goods clearfix">
						<ul>
							<li>
								<a href="/page/user/search/list.html?keyword=耳机">耳机</a>
							</li>
							<li>
								<a href="/page/user/search/list.html?keyword=高数辅导书">高数辅导书</a>
							</li>
							<li>
								<a href="/page/user/search/list.html?keyword=手机">手机</a>
							</li>
							<li>
								<a href="/page/user/search/list.html?keyword=电脑">电脑</a>
							</li>
							<li>
								<a href="/page/user/search/list.html?keyword=网球拍 ">网球拍</a>
							</li>
							<li>
								<a href="/page/user/search/list.html?keyword=乒乓球拍">乒乓球拍</a>
							</li>
						</ul>
					</div>
				</div>

				<div class="header-r">
					<div class="cart-box">
						<a href="/page/user/buy/cart.html">我的购物车<span>0</span></a>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			let count = cartCount();
			if(count) {
				let cartBox = document.querySelector('.cart-box');
				cartBox.children[0].style.paddingLeft = '38px';
				let span = cartBox.children[0].children[0];
				span.style.display = 'block';
				if(Number(count) > 100 || Number(count) == 100) {
					span.innerText = '99+';
					cartBox.children[0].style.paddingLeft = '45px';
				} else {
					span.innerText = count;
				}
			}
		</script>
		<!-- 头部专区部分 -->
		<div class="header-special">
			<ul class="w clearfix">
				<li class="current">
					<a href="">首页</a>
				</li>
				<li>
					<a href="/page/user/search/list.html?keyword=最新上架">最新上架</a>
				</li>
				<li class="special-new">
					<a href="/page/user/search/list.html?keyword=品牌产品">品牌产品</a>
				</li>
				<li>
					<a href="/page/user/search/list.html?keyword=品质保证">品质保证</a>
				</li>
				<li>
					<a href="/page/user/search/list.html?keyword=低价出售">低价出售</a>
				</li>
				<li>
					<a href="/page/user/search/list.html?keyword=急售">急售</a>
				</li>
				<li>
					<a href="/page/user/search/list.html?keyword=最新上架">我要买</a>
				</li>
				<li class="special-hot">
					<a href="http:/page/user/space/#/publish">我要卖</a>
				</li>
				<li class="special-hot">
					<a href="/page/user/buy/want.html">求购专区</a>
				</li>
			</ul>
		</div>
		<!-- 头部 move  -->
		<div class="header-move" id="headerMove">
			<div class="w move-content">
				<div class="move-l fl">
					<h2 class="move-logo">钱江黑盒</h2>
				</div>
				<div class="header-m">
					<div class="form">
						<input type="text" name="searchContent" placeholder="二手辅导书" />
						<div class="search">搜索</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 头部 end -->
	<div class="elevator" id="elevator">
		<ul>
			<li>
				<a href="/page/user/buy/cart.html" class="elevator-cart"></a>
				<div class="elevator-inner">购物车</div>
			</li>
			<li>
				<a href="/page/platform/not_open.html" class="elevator-feedback"></a>
				<div class="elevator-inner">反馈</div>
			</li>
			<li>
				<a href="#top" class="to-top"></a>
				<div class="elevator-inner">返回顶部</div>
			</li>
		</ul>
	</div>
	<!-- main start -->
	<div class="main w">
		<div class="main-desc clearfix">
			<div class="main-img fl">
				<div class="img-box" id="imgBox">
	   				<div class="img-small">
	        			<img src="/images/white.png" width="350" alt="商品图片"/>
	        			<div class="img-mask"></div>
	    			</div>
	    			<div class="img-big">
	        			<img src="/images/white.png" width="800" alt="商品图片"/>
	    			</div>
	    			<div class="img-other">
	    			</div>
				</div>
			</div>
			<div class="main-content fl">
				<div class="goods-info">
					<div class="goods-info-item info-desc">
						<p></p>
					</div>
					<div class="goods-info-item info-name">
						<span>商品名称</span>
						<em></em>
					</div>
					<div class="goods-info-item info-price">
						<span>商品价格</span>
						<strong></strong>
					</div>
					<div class="goods-info-item info-label">
						<span>商品标签</span>
					</div>
					<div class="goods-info-item info-date">
						<span>发布日期</span>
						<em></em>
					</div>
					<div class="goods-info-item info-count-free" id="countFree">
						<span>剩余数量</span>
						<em></em>
					</div>
					<div class="goods-info-item info-count-order">
						<span>已预约数量</span>
						<em></em>
					</div>
					<div class="goods-info-item info-count-contact">
						<span>商品卖家</span>
						<em></em>
					</div>
				</div>
				<div class="to-buy clearfix">
					<div class="choose-count" id="chooseCount">
						<input type="text" name="count" value="1" autocomplete="off" />
						<button class="count-plus">+</button>
						<button class="count-reduce">-</button>
					</div>
					<div class="to-cart">
						<div>加入购物车</div>
						<div>立即预约</div>
					</div>
				</div>
			</div>
		</div>
		<div class="main-comment">
			<div class="comment-h">
				<span></span>
				<span>留言</span>
			</div>
			<div class="comment-choose" id="commentChoose">
				<span class="choose-hot on">按热度排序</span>
				<span class="choose-new">按时间排序</span>
				<span class="choose-bar"></span>
			</div>
			<div class="comment-publish clearfix">
				<!-- <div class="publish-l">
					<img src="/images/face/default.jpg" alt="用户头像" />
				</div>
				<div class="publish-m">
					<textarea cols="80" name="msg" rows="5" placeholder="发一条友善的留言吧"></textarea>
				</div>
				<button class="publish-submit">发表留言</button> -->
			</div>
			<div class="comment-content">
				<ul>
					<!-- <li class="clearfix">
						<div class="content-img">
							<img src="/images/my.jpg" alt="用户头像" />
						</div>
						<div class="content-main">
							<span class="content-name">青衣怪客</span>
							<p>这是内容这是内容这是内容</p>
							<div class="content-b clearfix">
								<span class="content-time fl">2020-10-30 14:58</span>
								<span class="content-like fl">1</span>
								<span class="content-reply fl">回复</span>
							</div>
							<div class="comment-reply" style="display: block">
								<ul>
									<li class="clearfix">
										<div class="content-img">
											<img src="/images/my.jpg" alt="用户头像" />
										</div>
										<div class="content-main">
											<span class="content-name">青衣怪客</span>
											<p>这是内容这是内容这是内容</p>
											<div class="content-b">
												<span class="content-time">2020-10-30 14:58</span>
											</div>
										</div>
									</li>
								</ul>
							</div>
							<div class="comment-publish clearfix" style="display: none;">
								<div class="publish-l">
									<img src="/images/my.jpg" alt="用户头像" />
								</div>
								<div class="publish-m">
									<textarea cols="80" name="msg" rows="5" placeholder="回复 @青衣怪客："></textarea>
								</div>
								<button class="publish-submit">发表留言</button>
							</div>
						</div>
					</li> -->
				</ul>
			</div>
		</div>
	</div>
	<!-- main end -->
	<!-- 底部 start -->
	<div class="footer w">
		<div class="footer-h clearfix">
			<em>
				<a href="/page/platform/not_open.html">关于我们</a>
			</em>
			<span>|</span>
			<em>
				<a href="/page/platform/not_open.html">联系我们</a>
			</em>
			<span>|</span>
			<em>
				<a href="/page/platform/not_open.html">商家入驻</a>
			</em>
			<span>|</span>
			<em>
				<a href="/page/platform/not_open.html">广告服务</a>
			</em>
			<span>|</span>
			<em>
				<a href="/page/platform/not_open.html">手机黑盒</a>
			</em>
			<span>|</span>
			<em>
				<a href="/page/platform/not_open.html">友情链接</a>
			</em>
			<span>|</span>
			<em>
				<a href="/page/platform/not_open.html">销售联盟</a>
			</em>
			<span>|</span>
			<em>
				<a href="/page/platform/not_open.html">钱江黑盒社区</a>
			</em>
		</div>
		<div class="footer-b">
			<span>Copyright ©2020 TPL Association 版权所有</span>
		</div>
	</div>
	<!-- 底部 end -->
	<script src="/js/user/desc.js"></script>
</body>
</html>